<template>
	<view class="enterpriseDetail">
		<view class="company-info">
			<view class="company-info-top">
				<view class="company-info-top-left">
					<view class="company-name">{{companyInfo.name}}</view>
					<view class="company-potential">{{companyInfo.potentialValue}}潜力值</view>
				</view>
				<view class="follow-btn">
					<image src="../../static/btn/1@3x.png" v-if="focus == false" @click="follow">
					</image>
					<image src="../../static/btn/2@3x.png" v-else @click="follow"></image>
				</view>
			</view>
			<view class="company-info-state">
				<view class="operating-state">
					<view class="opening operating" v-if="companyInfo.status == '在营（开业）'">在营(开业)</view>
					<view class="revoked operating" v-else-if="companyInfo.status == '吊销'">吊销</view>
					<view class="closed operating" v-else>停业</view>
				</view>
				<view class="update-time">更新时间：—</view>
			</view>
			<view class="company-info-detail">
				<view class="row">
					<view class="col">
						<image src="../../static/btn/5@3x.png" class="ico"></image>
						<view class="text">
							<view v-if="companyInfo.enterpriseContact != null">
								<span>{{companyInfo.enterpriseContact[0].phone}}</span>
								<span v-if="companyInfo.enterpriseContact.length > 1" class="text-more"
									@click="morePhone">更多</span>
							</view>
							<view v-else>—</view>
						</view>
					</view>
					<view class="col">
						<image src="../../static/btn/6@3x.png" class="ico"></image>
						<!-- <view v-if="companyInfo.email!=null" class="text">{{companyInfo.email}}</view> -->
						<view>—</view>
					</view>
				</view>
				<view class="row">
					<view class="col">
						<image src="../../static/btn/8@3x.png" class="ico"></image>
						<!-- <view v-if="companyInfo.earth != null" class="text">{{companyInfo.earth}}</view> -->
						<view>—</view>
					</view>
					<view class="col">
						<image src="../../static/btn/9@3x.png" class="ico"></image>
						<!-- <view v-if="companyInfo.telephone!=null" class="text">{{companyInfo.telephone}}</view> -->
						<view>—</view>
					</view>
				</view>
				<view class="row">
					<image src="../../static/btn/10@3x.png" class="ico"></image>
					<view v-if="companyInfo.address != null" class="text">{{companyInfo.address}}</view>
					<view v-else>—</view>
				</view>
			</view>
			<view class="company-info-more">
				<view @click="vipStatic" v-if="vipInfo==true">更多<uni-icons type="arrowright" size="28rpx"
						color="#2a7eff"></uni-icons>
				</view>
				<view v-else>更多<uni-icons type="arrowright" size="28rpx" color="#2a7eff"></uni-icons>
				</view>
			</view>
		</view>
		<view class="line"></view>
		<view class="company-risk">
			<view class="vip">
				<image src="../../static/btn/11@3x.png"></image>
			</view>
			<view class="cover" v-show="vipInfo"></view>
			<view class="title">企业信息</view>
			<view class="basic-info info">
				<view class="left-text">
					<view class="left-text-title">企业基本信息</view>
				</view>
				<view class="right-content">
					<view class="content">
						<view class="content-firt right-content-row">
							<view>成立时间：
								<span v-if="companyInfo.approvedDate != null">{{companyInfo.approvedDate}}</span>
								<span v-else>—</span>
							</view>
							<view>吊销时间：
								<span v-if="companyInfo.revokeDate != null">{{companyInfo.revokeDate}}</span>
								<span v-else>—</span>
							</view>
						</view>
						<view class="content-second right-content-row">
							<view>注册资金：
								<span
									v-if="companyInfo.registerFund != null">{{companyInfo.registerFund}}{{companyInfo.currency}}</span>
								<span v-else>—</span>
							</view>
							<view>所属行业：
								<span v-if="companyInfo.tradeCode != null">{{companyInfo.tradeCode}}</span>
								<span v-else>—</span>
							</view>
						</view>
						<view class="content-thrid right-content-row">
							<view>所在区域：
								<span v-if="companyInfo.city != null">{{companyInfo.city}}{{companyInfo.county}}</span>
								<span v-else>—</span>
							</view>
							<view></view>
						</view>
					</view>
				</view>
			</view>
			<view class="risk-info info">
				<view class="left-text">
					<uni-badge :text="companyInfo.exceptionCount" type="error" v-if="companyInfo.exceptionCount != 0">
					</uni-badge>
					<view class="left-text-title">风险信息</view>
				</view>
				<view class="right-content">
					<scroll-view class="scroll-view_H" scroll-x="true">
						<view class="scroll-view-item_H">
							<view class="risk-item">
								<view class="risk-title">严重违法失信</view>
								<view v-if="companyInfo.tenTags.tag1 == '是'" class="risk-static1">异常</view>
								<view v-else class="risk-static">正常</view>
							</view>
						</view>
						<view class="scroll-view-item_H">
							<view class="risk-item">
								<view class="risk-title">行政处罚</view>
								<view v-if="companyInfo.tenTags.tag2 == '是'" class="risk-static1">异常</view>
								<view v-else class="risk-static">正常</view>
							</view>
						</view>
						<view class="scroll-view-item_H">
							<view class="risk-item">
								<view class="risk-title">经营异常</view>
								<view v-if="companyInfo.tenTags.tag3 == '是'" class="risk-static1">异常</view>
								<view v-else class="risk-static">正常</view>
							</view>
						</view>
						<view class="scroll-view-item_H">
							<view class="risk-item">
								<view class="risk-title">失信被执行人</view>
								<view v-if="companyInfo.tenTags.tag4 == '是'" class="risk-static1">异常</view>
								<view v-else class="risk-static">正常</view>
							</view>
						</view>
						<view class="scroll-view-item_H">
							<view class="risk-item">
								<view class="risk-title">限制高消费</view>
								<view v-if="companyInfo.tenTags.tag5 == '是'" class="risk-static1">异常</view>
								<view v-else class="risk-static">正常</view>
							</view>
						</view>
						<view class="scroll-view-item_H">
							<view class="risk-item">
								<view class="risk-title">涉税处罚</view>
								<view v-if="companyInfo.tenTags.tag6 == '是'" class="risk-static1">异常</view>
								<view v-else class="risk-static">正常</view>
							</view>
						</view>
						<view class="scroll-view-item_H">
							<view class="risk-item">
								<view class="risk-title">环保处罚</view>
								<view v-if="companyInfo.tenTags.tag7 == '是'" class="risk-static1">异常</view>
								<view v-else class="risk-static">正常</view>
							</view>
						</view>
						<view class="scroll-view-item_H">
							<view class="risk-item">
								<view class="risk-title">金融监管</view>
								<view v-if="companyInfo.tenTags.tag8 == '是'" class="risk-static1">异常</view>
								<view v-else class="risk-static">正常</view>
							</view>
						</view>
						<view class="scroll-view-item_H">
							<view class="risk-item">
								<view class="risk-title">动产抵押</view>
								<view v-if="companyInfo.tenTags.tag9 == '是'" class="risk-static1">异常</view>
								<view v-else class="risk-static">正常</view>
							</view>
						</view>
						<view class="scroll-view-item_H">
							<view class="risk-item">
								<view class="risk-title">立案信息</view>
								<view v-if="companyInfo.tenTags.tag10 == '是'" class="risk-static1">异常</view>
								<view v-else class="risk-static">正常</view>
							</view>
						</view>
					</scroll-view>
				</view>
			</view>
		</view>
		<view class="line"></view>
		<view class="company-character">
			<view class="vip">
				<image src="../../static/btn/11@3x.png"></image>
			</view>
			<view class="cover1" v-show="vipInfo"></view>
			<view class="title">主要人物</view>
			<view class="legal-person info1">
				<view class="left-text1">
					<view class="left-text-title">法人</view>
					<view class="number">1</view>
				</view>
				<view class="right-content">
					<scroll-view class="scroll-view_legal-person" scroll-x="true">
						<view class="scroll-view-item_legal-person" @click="legalPersonPhone">
							<view class="legal-person-item">
								<view class="legal-person-name">{{companyInfo.legalContactInfo.name}}</view>
								<view class="legal-person-position" v-if="companyInfo.legalPersonList.duty != null">
									任职：{{companyInfo.legalPersonList.duty}}</view>
								<view class="legal-person-position" v-else>任职：—</view>
							</view>
						</view>
					</scroll-view>
				</view>
			</view>
			<view class="supervisors info1">
				<view class="left-text1">
					<view class="left-text-title">监事</view>
					<view class="number">{{companyInfo.supervisorsContacts.length}}</view>
				</view>
				<view class="right-content">
					<scroll-view class="scroll-view_legal-person" scroll-x="true">
						<view class="scroll-view-item_legal-person"
							v-for="(item,index) in companyInfo.supervisorsContacts" :key="index">
							<view class="legal-person-item" @click="supervisorsContactsPhone(index)">
								<view class="legal-person-name">{{item.name}}</view>
								<view class="legal-person-position" v-if="item.duty != null">任职：{{item.duty}}</view>
								<view class="legal-person-position" v-else>任职：—</view>
							</view>
						</view>
					</scroll-view>
				</view>
			</view>
		</view>
		<Mask v-if="mask"></Mask>
		<uni-popup ref="popup" type="center" class="uni-popup">
			<view class="uni-popup-content">
				<view class="uni-popup-title">
					提示
					<image src="../../static/popup.png" class="uni-popup-img"></image>
				</view>
				<view class="uni-popup-remind">要成为潜客VIP后才能继续查看</view>
				<view class="uni-popup-btn">
					<view @click="closePopup" class="uni-popup-closeBtn">取消</view>
					<view @click="confirmPopup" class="uni-popup-confirmBtn">确定</view>
				</view>
			</view>
		</uni-popup>
		<uni-popup ref="morePhone" type="center" class="uni-popup">
			<view class="uni-popup-content1">
				<view class="uni-popup-title">
					更多电话
					<image src="../../static/close.png" class="uni-popup-img1" @click="closeMorePhone"></image>
				</view>
				<view class="uni-popup-phone" v-for="(item,index) in companyInfo.enterpriseContact" :key="index">
					<view class="uni-popup-row">
						<view>
							<image src="../../static/btn/icon2@3x.png"></image>
						</view>
						<view>{{item.phone}}</view>
						<view class="uni-popup-year">{{item.annual}}</view>
						<view class="uni-popup-call" @click="taskCall((index))">呼叫</view>
					</view>
				</view>
				<view class="uni-popup-foot">来自年报公示信息</view>
			</view>
		</uni-popup>
		<uni-popup ref="legalPersonPhone" type="center" class="uni-popup">
			<view class="uni-popup-content1">
				<view class="uni-popup-title">
					更多电话
					<image src="../../static/close.png" class="uni-popup-img1" @click="closeLegalPersonPhone"></image>
				</view>
				<view class="uni-popup-phone" v-if="companyInfo.legalContactInfo.contacts !=null">暂无法人号码信息</view>
				<view class="uni-popup-phone" v-else v-for="(item,index) in companyInfo.legalContactInfo.contacts"
					:key="index">
					<view class="uni-popup-row">
						<view>
							<image src="../../static/btn/icon2@3x.png"></image>
							{{item}}
						</view>
						<view class="uni-popup-call" @click="taskLegalCall((index))">呼叫</view>
					</view>
				</view>
				<view class="uni-popup-foot">来自关联企业公示信息</view>
			</view>
		</uni-popup>
		<uni-popup ref="supervisorsContacts" type="center" class="uni-popup">
			<view class="uni-popup-content1">
				<view class="uni-popup-title">
					更多电话
					<image src="../../static/close.png" class="uni-popup-img1" @click="closeSupervisorsContactsPhone">
					</image>
				</view>
				<view class="uni-popup-phone" v-if="companyInfo.supervisorsContacts[supervisorsKey].contacts !=null">
					暂无监事号码信息</view>
				<view class="uni-popup-phone" v-else
					v-for="(item,index) in companyInfo.supervisorsContacts[supervisorsKey].contacts" :key="index">
					<view class="uni-popup-row">
						<view>
							<image src="../../static/btn/icon2@3x.png"></image>
							{{item}}
						</view>
						<view class="uni-popup-call" @click="taskSupervisorsCall((index))">呼叫</view>
					</view>
				</view>
				<view class="uni-popup-foot">来自关联企业公示信息</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	import {
		getDetail,
		judgeFocus,
		getUserInfo,
		addFocus,
		delFocus,
		vipInfo
	} from '../../models/enterpriseDetail.js'
	import {
		uniIcons,
		uniBadge,
		uniPopup
	} from "@dcloudio/uni-ui";
	import Mask from '@/components/common/mask/mask.vue';
	export default {
		components: {
			uniIcons,
			uniBadge,
			uniPopup,
			Mask
		},
		data() {
			return {
				focus: null,
				supervisorsKey: null,
				mask: false,
				vipInfo: true,
				abnormalNumber: 0,
				companyInfo: {
					id: null,
					name: null, //企业名称	
					address: null, //地址
					approvedDate: null, //成立日期
					businessScope: null, //经营(业务)范围
					city: null, //城市
					county: null, //区、县
					currency: null, //注册币种
					potentialValue: null, //潜力值
					status: null, //企业经营状况
					enterpriseContact: [], //企业联系方式
					registerFund: null, //注册资金
					revokeDate: null, //吊销日期
					tradeCode: null, //行业代码中文字段
					exceptionCount: null, //异常个数
					hasPhone: null, //是否有手机号
					hasMobile: null, //是否有电话号码
					province:null,//省,市
				}
			}
		},
		onLoad(options) {
			var browseList = []
			// 获取跳转页面传过来的值
			this.companyInfo.name = options.name//获取企业名称
			var time = new Date().toLocaleDateString();//获取当前年月日
			const value = uni.getStorageSync('recent_browse');//读取缓存
			if(value.length == 0){
				browseList=[{
					time:time,
					browse:[this.companyInfo.name]
				}]
			}else{
				browseList = value
				var timeInfo = true
				for(var i=0;i<browseList.length;i++){
					if(time == browseList[i].time){
						timeInfo = false
						var name = true
						for(var j=0;j<browseList[i].browse.length;j++){
							if(this.companyInfo.name == browseList[i].browse[j] ){
								name = false
							}
						}
						if(name == true){
							browseList[i].browse.push(this.companyInfo.name)
						}
					}
				}
				if(timeInfo == true){
					var list = {
						time:time,
						browse:[this.companyInfo.name]
					}
					browseList.push(list)
				}
				// console.log(browseList)
			}
			uni.setStorage({
			   key: 'recent_browse',
			   data: browseList
			});
			// console.log(value)
			this.getDetails()
			this.getVip()
			this.getFocus()
		},
		methods: {
			// 获取vip信息
			getVip(){
				vipInfo().then((res) => {
					if(res.data.vip == false){
						this.vipInfo = true
					}else{
						this.vipInfo = false
					}
				})
			},
			// 当前用户是否关注了该企业
			getFocus() {
				judgeFocus(this.companyInfo.name).then((res) => {
					// console.log(res)
					this.focus = res.data.hasAttention
				})
			},
			// 查询企业详情
			getDetails() {
				getDetail(this.companyInfo.name).then((res) => {
					// console.log(res.data)
					this.companyInfo = res.data
					var timearr = this.companyInfo.approvedDate.replace(" ", ":").replace(/\:/g, "-").split("-");
					this.companyInfo.approvedDate = "" + timearr[0] + "-" + timearr[1] + "-" + timearr[2]
					if (this.companyInfo.revokeDate != null) {
						var timearr1 = this.companyInfo.revokeDate.replace(" ", ":").replace(/\:/g, "-").split("-");
						this.companyInfo.revokeDate = "" + timearr1[0] + "-" + timearr1[1] + "-" + timearr1[2]
					}
				})
			},
			//关注
			follow() {
				if (this.focus == false) {
					var param = {
						name: this.companyInfo.name,
						hasPhone: this.companyInfo.hasPhone,
						hasMobile: this.companyInfo.hasMobile,
						potentialValue: this.companyInfo.potentialValue,
						province: this.companyInfo.province
					}
					addFocus(param).then((res) => {
						// console.log(res)
						this.focus = true
					})
				} else {
					var param = {
						enterpriseName: this.companyInfo.name
					}
					delFocus(param).then((res) => {
						// console.log(res)
						this.focus = false
					})
				}
			},
			//vip
			vipStatic() {
				this.$refs.popup.open()
				this.mask = true
			},
			//取消vip
			closePopup() {
				this.$refs.popup.close()
				this.mask = false
			},
			//确认vip
			confirmPopup() {
				this.$refs.popup.close()
				this.mask = false
				this.vipInfo = false
			},
			// 更多电话公示年报
			morePhone() {
				this.$refs.morePhone.open()
				this.mask = true
			},
			//关闭更多电话公示年报
			closeMorePhone() {
				this.$refs.morePhone.close()
				this.mask = false
			},
			// 呼叫年报电话
			taskCall(index) {
				uni.makePhoneCall({ //.number
					phoneNumber: this.companyInfo.enterpriseContact[index].phone
						.toString() //仅为示例 this.servicePhone是你要拨打的电话号码
				});
			},
			//法人电话(来自关联企业公示信息)
			legalPersonPhone() {
				this.$refs.legalPersonPhone.open()
				this.mask = true
			},
			//关闭法人电话(来自关联企业公示信息)
			closeLegalPersonPhone() {
				this.$refs.legalPersonPhone.close()
				this.mask = false
			},
			// 呼叫法人电话
			taskLegalCall(index) {
				uni.makePhoneCall({
					phoneNumber: this.companyInfo.legalContactInfo.contacts[index]
						.toString() //仅为示例 this.servicePhone是你要拨打的电话号码
				});
			},
			//监事电话(来自关联企业公示信息)
			supervisorsContactsPhone(index) {
				this.supervisorsKey = index
				this.$refs.supervisorsContacts.open()
				this.mask = true
			},
			//关闭监事电话(来自关联企业公示信息)
			closeSupervisorsContactsPhone() {
				this.$refs.supervisorsContacts.close()
				this.mask = false
			},
			// 呼叫监事电话
			taskSupervisorsCall(index) {
				uni.makePhoneCall({
					phoneNumber: this.companyInfo.legalPersonList.legalPersonPhone[this.supervisorsKey].contacts[
							index]
						.toString() //仅为示例 this.servicePhone是你要拨打的电话号码
				});
			},
		}
	}
</script>

<style lang="scss">
	.mask {
		position: absolute;
		bottom: 0;
		left: 50%;
		right: 50%;
	}

	.uni-popup {
		position: absolute;
		top: 40%;
		left: 16%;
		z-index: 9999;
	}

	.uni-popup-content {
		width: 500rpx;
		// height: 185rpx;
		background-color: #FFFFFF;
		border-radius: 20rpx;
		padding: 20rpx;
		box-shadow: 5px 5px 6px #707070;
	}

	.uni-popup-title {
		color: #0265ff;
		font-size: 32rpx;
		font-weight: 600;

	}

	.uni-popup-remind {
		color: #656565;
		font-size: 30rpx;
		text-align: center;
		padding: 20rpx 0;
	}

	.uni-popup-img {
		width: 120rpx;
		height: 97rpx;
		object-fit: contain;
		position: absolute;
		top: -40rpx;
		left: 400rpx;
	}

	.uni-popup-btn {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
		align-items: center;
		font-size: 30rpx;
	}

	.uni-popup-closeBtn {
		color: #0265ff;
		border: 7rpx solid #f7f7f7;
		border-radius: 15rpx;
		width: 120rpx;
		height: 40rpx;
		text-align: center;
		line-height: 40rpx;
	}

	.uni-popup-confirmBtn {
		color: #FFFFFF;
		background-color: #0265ff;
		border: 7rpx solid #0265ff;
		border-radius: 15rpx;
		width: 120rpx;
		height: 40rpx;
		text-align: center;
		line-height: 40rpx;
	}

	.uni-popup-content1 {
		width: 500rpx;
		// height: 185rpx;
		background-color: #FFFFFF;
		border-radius: 20rpx;
		padding: 20rpx;
		box-shadow: 5px 5px 6px #707070;
	}

	.uni-popup-img1 {
		width: 80rpx;
		height: 80rpx;
		object-fit: contain;
		position: absolute;
		top: -32rpx;
		left: 480rpx;
	}

	.uni-popup-row {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;

		view {
			padding: 5rpx 10rpx;

			image {
				width: 20rpx;
				height: 20rpx;
				object-fit: contain;
			}
		}
	}

	.uni-popup-phone {
		color: #656565;
		font-size: 30rpx;
		text-align: center;
		padding: 15rpx 0 0 0;
	}

	.uni-popup-year {
		width: 155rpx;
		height: 40rpx;
		line-height: 40rpx;
		text-align: center;
		border-radius: 10rpx;
		background-color: #ecf4fe;
		color: #3c9dff;
		font-size: 28rpx;
	}

	.uni-popup-call {
		width: 100rpx;
		height: 40rpx;
		line-height: 40rpx;
		text-align: center;
		border-radius: 10rpx;
		background-color: #0265ff;
		color: #FFFFFF;
		font-size: 28rpx;
		margin-left: 10rpx;
	}

	.uni-popup-foot {
		display: flex;
		justify-content: flex-end;
		padding: 20rpx 0 0 0;
		color: #888888;
	}

	.enterpriseDetail {
		padding: 5rpx 5rpx 0;
	}

	.company-info-top {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}

	.company-info-top-left {
		width: 480rpx;
		height: 70rpx;
		padding: 20rpx;
	}

	.company-name {
		width: 480rpx;
		font-size: 32rpx;
		font-weight: 600;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.company-potential {
		width: 150rpx;
		padding: 7rpx 20rpx;
		font-size: 19rpx;
		color: #FFFFFF;
		background-color: #0265ff;
		border-radius: 10rpx;
		text-align: center;
		margin-top: 10rpx;
	}

	.follow-btn {
		padding: 20rpx;
		width: 170rpx;
		height: 70rpx;

		image {
			width: 170rpx;
			height: 75rpx;
			object-fit: contain;
		}
	}

	.company-info-state {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
		padding: 5rpx 20rpx;
	}

	.operating {
		border-radius: 10rpx;
		text-align: center;
		width: 100rpx;
		height: 28rpx;
		font-size: 19rpx;
		padding: 5rpx 10rpx;
	}

	.opening {
		//在营
		background-color: #deecfe;
		line-height: 28rpx;
		color: #5fafff;
	}

	.revoked {
		//吊销
		background-color: #fef5de;
		line-height: 28rpx;
		color: #ffb25f;
	}

	.closed {
		//停业
		background-color: #fedede;
		line-height: 28rpx;
		color: #ff5f5f;
	}

	.update-time {
		color: #bcbcbc;
		height: 28rpx;
		line-height: 28rpx;
		text-align: center;
		font-size: 19rpx;
		padding: 5rpx 10rpx 5rpx 32rpx;
	}

	.company-info-detail {
		padding: 20rpx;
	}

	.row {
		display: flex;
		flex-wrap: nowrap;
		height: 60rpx;
		justify-content: flex-start;
		align-items: center;
	}

	.col {
		width: 50%;
		font-size: 28rpx;
		color: #bbc3d5;
		display: flex;
		flex-wrap: nowrap;
	}

	.ico {
		width: 26rpx;
		height: 26rpx;
		padding: 10rpx 5rpx;
		object-fit: contain;
	}

	.text {
		font-size: 28rpx;
		color: #bbc3d5;
		padding: 0 10rpx;
	}

	.text-more {
		text-decoration: underline;
		padding: 0 10rpx;
	}

	.company-info-more {
		padding: 20rpx;
		display: flex;
		justify-content: flex-end;

		view {
			color: #2a7eff;
			font-size: 28rpx;
			font-weight: 600;
		}
	}

	.line {
		width: 100%;
		height: 15rpx;
		background-color: #f7f7f7;
	}

	.vip {
		width: 70rpx;
		height: 30rpx;

		image {
			width: 70rpx;
			height: 30rpx;
			object-fit: contain;
		}
	}

	.title {
		font-size: 30rpx;
		color: #bcc5d6;
		padding: 20rpx 10rpx;
	}

	.info {
		padding: 20rpx;
		display: flex;
		flex-wrap: nowrap;
		height: 260rpx;
	}

	.info1 {
		padding: 20rpx;
		display: flex;
		flex-wrap: nowrap;
		height: 200rpx;
	}

	.left-text {
		width: 50rpx;
		height: 260rpx;
		background-color: #deecfe;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		color: #3685ff;
		position: relative;
		border-radius: 10rpx;

		uni-badge {
			width: 50rpx;
			position: absolute;
			left: 30rpx;
			top: -15rpx;
		}
	}


	.left-text1 {
		width: 50rpx;
		height: 200rpx;
		background-color: #deecfe;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		color: #3685ff;
		border-radius: 10rpx;
	}

	.left-text-title {
		font-size: 28rpx;

	}

	.number {
		width: 50rpx;
		text-align: center;
	}

	.right-content {
		width: 645rpx;
		height: 260rpx;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-left: 18rpx;
	}

	.content {
		padding: 20rpx;
	}

	.right-content-row {
		padding: 10rpx;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;

		view {
			font-size: 26rpx;
			color: #bbc3d5;
			width: 310rpx;
		}
	}

	.scroll-view_H {
		/* 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 */
		white-space: nowrap;
		width: 100%;
		height: 260rpx;
	}

	.scroll-view-item_H {
		display: inline-block;
		width: 240rpx;
		height: 150rpx;
		text-align: center;
		font-size: 30rpx;
		margin: 50rpx 10rpx;
		background-color: #f7f7f7;

		.risk-item {
			margin-top: 25rpx;
		}

		.risk-title {
			color: #535252;
		}

		.risk-static {
			width: 100rpx;
			height: 50rpx;
			line-height: 50rpx;
			text-align: center;
			background-color: #b4ead6;
			color: #23ae79;
			border-radius: 5rpx;
			margin: 10rpx auto;
		}

		.risk-static1 {
			width: 100rpx;
			height: 50rpx;
			line-height: 50rpx;
			text-align: center;
			background-color: #f9bfc2;
			color: #fe525b;
			border-radius: 5rpx;
			margin: 10rpx auto;
		}
	}

	.scroll-view_legal-person {
		/* 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 */
		white-space: nowrap;
		width: 100%;
		height: 200rpx;
	}

	.scroll-view-item_legal-person {
		display: inline-block;
		width: 240rpx;
		height: 150rpx;
		text-align: center;
		font-size: 30rpx;
		margin: 0rpx 10rpx;
		background-color: #f2f2f2;

		.legal-person-item {
			margin-top: 25rpx;
		}

		.legal-person-name {
			color: #1671fe;
		}

		.legal-person-position {
			width: 170rpx;
			height: 50rpx;
			line-height: 50rpx;
			text-align: center;
			color: #7d7d7d;
			margin: 10rpx auto;
		}
	}

	.cover {
		width: 100%;
		height: 680rpx;
		background-image: url('../../static/Mosaic%20(1).png');
		z-index: 99;
		position: absolute;
		filter: alpha(Opacity=80);
		-moz-opacity: 0.5;
		opacity: 1;
		object-fit: contain;
	}

	.cover1 {
		object-fit: contain;
		width: 100%;
		height: 590rpx;
		background-image: url('../../static/Mosaic%20(2).png');
		z-index: 99;
		position: absolute;
		filter: alpha(Opacity=80);
		-moz-opacity: 0.5;
		opacity: 1;
	}
</style>
